<template>
  <el-form label-width="90px" size="mini">
    <el-collapse value="1" class="customer-collapse">
      <geo-option :geo="attribute.geo"/>

      <visual-map-option :data="attribute.visualMap"/>

      <el-collapse-item title="地图数据">
        <el-form-item label="显示">
          <el-switch v-model="attribute.mapData.show" />
        </el-form-item>
        <el-form-item label="显示标签">
          <el-switch v-model="attribute.mapData.label.show" />
        </el-form-item>
        <formatter-option :data="attribute.mapData.label"/>
      </el-collapse-item>

      <lines-option :attribute="attribute"/>

      <effect-scatter-option :attribute="attribute"/>

    </el-collapse>
  </el-form>
</template>

<script>

import dialogMixin from "@/components/common/dialog/dialog-mixin"
import geoOption from './geo-option'
import visualMapOption from './visual-map-option'
import linesOption from './lines-option'
import effectScatterOption from './effect-scatter-option'
import formatterOption from "@/package/options/chart/formatter-option";

export default {
  name: 'bar01-option',
  cnName: 'bar01-option',
  mixins: [dialogMixin],
  components: {
    geoOption,
    visualMapOption,
    linesOption,
    effectScatterOption,
    formatterOption
  },
  props: {
    attribute: Object
  },
  data() {
    return {
      shapeList: [
        {label: '多边形', value: 'polygon'},
        {label: '圆形', value: 'circle'}
      ]
    }
  },
  methods: {
    onAdd(evt) {

    },
    onEdit(row) {

    },
    onDialogOk(flag, data) {

    }
  }
}
</script>

<style lang="less" scoped>
.table-wrap {
  padding: 0 10px;
}
</style>
